<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/FreeAdmission.css"/>
	</head>
	<body>
		<!-- 导航 -->
		<img src="https://s3.ax1x.com/2021/01/12/sGDomF.png" class="imgaes">
		<div class="Admission">
			<p>免费课程</p>
			<p>职业路径</p>
			<p>实战</p>
			<p>猿问</p>
			<p>手记</p>
			<p>找工作</p>
		</div>
		<div>
			<p style="border: #A9A9A9 solid 1px;width: 14%;" class="works"></p>
		</div>
		<div class="lookup">
			<p class="front">前端入门</p>
			<p class="introduction">JAVA入门</p>
			<img src="https://s3.ax1x.com/2021/01/12/sGyjlq.png">
		</div>
		<div class="download">
			<p style="color: gray;">下载APP</p>
			<div class="downloads">
				<img src="img/购物%20车%20(2).png">
				<p style="margin-top: -28px;margin-left: 38%;">购物车</p>
			</div>
			<div><img src="img/铃铛.png" style="width: 35px;height: 35px;margin-top: -9px;margin-left: 40%;"></div>
			<div><img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=748295655,694525269&fm=111&gp=0.jpg" style="width: 45px;height: 45px;border-radius: 50%;margin-top: -15px;margin-left: 95%;"></div>
		</div>
		<!-- 导航结束 -->
		<div style="margin-top: 10px;">
			<img src="https://img.xiaopiu.com/userImages/img32016497ba5340.png" style="margin-left: 10%;">
			<input type="" name="" id="" value=""placeholder="搜索感兴趣的内容" / style="height: 30px;width: 25%;background-color: #FFFFFF;border-radius: 20px;margin-left: 37%;margin-top: -3px;position: absolute;">
		</div>
		<div style="border: #999999 1px solid;width: 77%;margin-left: 10%;margin-top: 20px;">
		</div>
		<div style="margin-top: 20px;margin-left: 10%;">
			方向：
			<div style="width: 65%;display: flex;justify-content: space-around;font-size: 14px;margin-top: -19px;margin-left: 3%;">
				<div style="color: #F20D0D;">全部</div>
				<div>前沿技术</div>
				<div>前端开发</div>
				<div>后端开发</div>
				<div>移动开发</div>
				<div>算法&数学</div>
				<div>云计算&大数据</div>
				<div>运维&测试</div>
				<div>数据库</div>
				<div>Ui设计</div>
				<div>游戏</div>
			</div>
			
		</div>
		<div style="border: #999999 1px solid;width: 77%;margin-left: 10%;margin-top: 20px;">
		</div>
		<div style="margin-top: 20px;margin-left: 10%;">
			分类：
			<div style="width: 70%;display: flex;justify-content: space-around;font-size: 14px;margin-top: -19px;margin-left: 3%;">
				<div style="color: #F20D0D;">全部</div>
				<div>微服务</div>
				<div>区块链</div>
				<div>以太坊</div>
				<div>人工智能</div>
				<div>机器学习</div>
				<div>深度学习</div>
				<div>计算机视觉</div>
				<div>数据分析&挖掘</div>
				<div>HTML/CSS</div>
				<div>JavaScript</div>
				<div>Vue.js</div>
				<div>Rract.jx</div>
				<div>Node.js</div>
			</div>
		</div>
		<div style="margin-top: 20px;margin-left: 10%;">
		
			<div style="width: 70%;display: flex;justify-content: space-around;font-size: 14px;margin-top: -19px;margin-left: 3%;margin-top: 30px;">
				<div>jquery</div>
				<div>Bootstrap</div>
				<div>Sass/Less</div>
				<div>WebApp</div>
				<div>前端工具</div>
				<div>Java</div>
				<div>SpringBoot</div>
				<div>数据分析&挖掘</div>
				<div>Python</div>
				<div>爬虫</div>
				<div>Django</div>
				<div>GO</div>
				<div>PHP</div>
				<div>C</div>
				<div>C++</div>
			</div>
		</div>
		<div style="margin-top: 20px;margin-left: 10%;">
		
			<div style="width: 70%;display: flex;justify-content: space-around;font-size: 14px;margin-top: -19px;margin-left: 3%;margin-top: 30px;">
				<div>React native</div>
				<div>WEEX</div>
				<div>算法与数据结构</div>
				<div>大数据</div>
				<div>Hadoop</div>
				<div>Spark</div>
				<div>Hbase</div>
				<div>Storm</div>
				<div>云计算</div>
				<div>AWS</div>
				<div>Docker</div>
				<div>Kubernetes</div>
				<div>运维</div>
				<div>自动化运维</div>
				<div>Linux</div>
			</div>
		</div>
		<div style="border: #999999 1px solid;width: 77%;margin-left: 10%;margin-top: 20px;">
		</div>
		<div style="margin-top: 20px;margin-left: 10%;">
			难度：
			<div style="width: 20%;display: flex;justify-content: space-around;font-size: 14px;margin-top: -19px;margin-left: 3%;">
				<div style="color: #F20D0D;">全部</div>
				<div>入门</div>
				<div>初级</div>
				<div>中级</div>
				<div>高级</div>
			</div>
			<img src="https://img.xiaopiu.com/userImages/img35916497e3c4a0.png" style="margin-left: 65%;margin-top: -21px;position: absolute;">
		</div>
		<div>
			<div class="light">
				<div>
					<img src="https://img.xiaopiu.com/userImages/img36716497f0b908.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img37216497f77798.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img37416497f7c5b8.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img37316497f78f08.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img37516497f7dd28.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img37616497f7fc68.jpg" class="image">
				</div>
			
			</div>
			<div class="heis">
				<div>
					<p style="width: 200px;margin-left: 2%;">Vue2.5开发去哪儿网App从零基础入门到实战项目</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 11%;">Vue2.5Java并发编程与高并发解决方案</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 18%;">Vue2.5BAT大咖助力 全面升级Android面试</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 24%;">Vue2.5Spring Cloud微服务实战</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 35%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 42%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
			</div>
			<div class="more">
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
						
				</div>
			</div>
			<div class="post">
				<p>￥488.00</p>
				<p>￥299.00</p>
				<p>￥288.00</p>
				<p>￥368.00</p>
				<p>￥366.00</p>
				<p>￥366.00</p>
			</div>
		</div>
		<div>
			<div class="light">
				<div>
					<img src="https://img.xiaopiu.com/userImages/img3801649803a0e0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img3811649803b850.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img3821649803cbd8.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img3831649803e348.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img3841649803f6d0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img38516498040a58.jpg" class="image">
				</div>
			
			</div>
			<div class="heis">
				<div>
					<p style="width: 200px;margin-left: 2%;">Vue2.5开发去哪儿网App从零基础入门到实战项目</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 11%;">Vue2.5Java并发编程与高并发解决方案</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 18%;">Vue2.5BAT大咖助力 全面升级Android面试</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 24%;">Vue2.5Spring Cloud微服务实战</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 35%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 42%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
			</div>
			<div class="more">
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
						
				</div>
			</div>
			<div class="post">
				<p>￥488.00</p>
				<p>￥299.00</p>
				<p>￥288.00</p>
				<p>￥368.00</p>
				<p>￥366.00</p>
				<p>￥366.00</p>
			</div>
		</div>
		<div>
			<div class="light">
				<div>
					<img src="https://img.xiaopiu.com/userImages/img391164980a4be8.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img392164980a57a0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img393164980a6358.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img394164980a76e0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img396164980a8e50.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img397164980a9df0.jpg" class="image">
				</div>
			
			</div>
			<div class="heis">
				<div>
					<p style="width: 200px;margin-left: 2%;">Vue2.5开发去哪儿网App从零基础入门到实战项目</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 11%;">Vue2.5Java并发编程与高并发解决方案</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 18%;">Vue2.5BAT大咖助力 全面升级Android面试</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 24%;">Vue2.5Spring Cloud微服务实战</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 35%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 42%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
			</div>
			<div class="more">
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
						
				</div>
			</div>
			<div class="post">
				<p>￥488.00</p>
				<p>￥299.00</p>
				<p>￥288.00</p>
				<p>￥368.00</p>
				<p>￥366.00</p>
				<p>￥366.00</p>
			</div>
		</div>
		<div>
			<div class="light">
				<div>
					<img src="https://img.xiaopiu.com/userImages/img4141649810c040.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img4151649810cfe0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img4161649810db98.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img4181649810f6f0.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img419164981102a8.jpg" class="image">
				</div>
				<div>
					<img src="https://img.xiaopiu.com/userImages/img42016498111248.jpg" class="image">
				</div>
			
			</div>
			<div class="heis">
				<div>
					<p style="width: 200px;margin-left: 2%;">Vue2.5开发去哪儿网App从零基础入门到实战项目</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 11%;">Vue2.5Java并发编程与高并发解决方案</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 18%;">Vue2.5BAT大咖助力 全面升级Android面试</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 24%;">Vue2.5Spring Cloud微服务实战</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 35%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
				<div>
					<p style="width: 200px;margin-left: 42%;">Vue2.5全网最热Python3入门+进阶 更快上手实际开发</p>
				</div>
			</div>
			<div class="more">
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
			
				</div>
				<div class="lose">
					<p>实战</p>
					<p style="margin-left: 1%;">中级</p>
					<p style="margin-left: 1%;"><img src="img/人%20(1).png"></p>
					<p style="margin-left: 1%;">2111</p>
					<p style="margin-left: 1%;">★★★★★</p>
						
				</div>
			</div>
			<div class="post">
				<p>￥488.00</p>
				<p>￥299.00</p>
				<p>￥288.00</p>
				<p>￥368.00</p>
				<p>￥366.00</p>
				<p>￥366.00</p>
			</div>
		</div>
		<!-- 底部导航 -->
		<div style="background-color: #1C1F21;height: 200px;">
			<div style="width: 40%;display: flex;justify-content: space-around;font-size: 13px;color: gray;margin-top: 70px;margin-left: 25%;position: absolute;">
				<div>企业合作</div>
				<div>人才招聘</div>
				<div>联系我们</div>
				<div>讲师招募</div>
				<div>常见问题</div>
				<div>意见反馈</div>
				<div>慕课大学</div>
				<div>友情链接</div>
			</div>
			<div style="font-size: 14px;color: gray;margin-left: 26%;margin-top: 110px;position: absolute;">
				 © 2018 imooc.com  京ICP备 12003892号-11
			</div>
			<div>
				<img src="https://s3.ax1x.com/2021/01/12/sYYooq.png"style="margin-left: 70%;margin-top: 40px;">
			</div>
		</div>
	</body>
</html>
